<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>event</title>
<script type="text/javascript">
	function show_ico_ph(i, j) {
		alert(i + j);
	}
</script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	function show_prev_ico_ph(page){}
	function show_next_ico_ph(page){}
	function show_ico_ph(i,page){alert(i + page);}
	function initTurningPage(page) {
		$('.pager-num a').each(function(i){
			var curA = $(this);
			if(i == 0) {
				curA.attr('href', 'javascript:show_prev_ico_ph(' + page + ');');
			}else if((i + 1) == (page + 2)) {
				curA.attr('href', 'javascript:show_next_ico_ph(' + page + ');');
			} else {
				curA.attr('href', 'javascript:show_ico_ph(' + i + ',' + page + ');');
				curA.bind('mouseover',function(){show_ico_ph(i,page);});
			}
			
		});
	}

	$(document).ready(function(){
		initTurningPage(4);
	});
</script>
</head>
<body>
<div class="pager-num" style="width: 170px;">
	<span> 
	<a class="page-up">上翻</a> 
	<a href="javascript:void(0);">1</a>
	<a href="javascript:void(0);">2</a>
	<a href="javascript:void(0);">3</a>
	<a href="javascript:void(0);">4</a>
	<a class="page-down">下翻</a> 
	</span>
</div>

</body>

</html>